iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0
自我挑戰組

從零開始Vuejs系列 第 3

[Day3] Vue.js安裝

  • 分享至 

  • xImage
  •  

今天是第三天,那我想進行一下Vue.js的安裝
我這裡使用的是Vue3,可以直接使用就能在沒有本地建構工具的狀態下使用Vue

可以先建一個HTML檔
然後在從官方下載網址的指示來進行安裝,可以通過腳本標籤直接從 CDN 使用 Vue

#Using Vue from CDN
https://vuejs.org/guide/quick-start.html#using-vue-from-cdn

<!DOCTYPE html>
    <html>
        <head>
            <meta charset = "utf-8">
            <title>godspeed246</title>
            <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>   
        </head>  
        <body>
            <div id="app">
                <h2>能給我兩組大電嗎</h2>        
            </div>
            <script></script>
        </body>
    </html>

執行之後我們可以從console來確認是否安裝成功
有的話就代表成功了
https://ithelp.ithome.com.tw/upload/images/20220915/20151006Cbs9tRKLhp.png

那安裝就先到這邊,我們第四天見


上一篇
[Day2] 簡單介紹Vue.js
下一篇
[Day4] Vue2與Vue3的差異
系列文
從零開始Vuejs30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言